{% extends 'base.html' %}
{% block title %} 小说阅读器 {% endblock %}
{% block head %}
<script src="src/md5/md5.min.js"></script>
<script src="src/novel.js"></script>
{% endblock %}
{% block body %}
<div class="ui centered column" style="width: 100%">
	<div class="ui row">
	    <div class="ui column">
			<div class="right ui internal very close rail" style="overflow-y: scroll; overflow-x: warp; padding-left: 0; margin-left: 0; width: 200px">
				<div id="trans-result" class="ui sticky">
					点击任意单词以开始翻译
				</div>
			</div>
			<div id="novel-content" style="font-size: 1.5em; line-height: 1.5em; width: calc( 100% - 200px )">
			</div>
		</div>
	</div>
	<div class="ui one column centered grid" style="margin-top: 20px">
		<div class="ui row">
			<div class="ui buttons">
				<button class="ui button" id="page_left"><i class="angle left icon"></i></button>
				<button class="ui button" id="page_current"></button>
				<button class="ui button" id="page_right"><i class="angle right icon"></i></button>
			</div>
		</div>
	</div>
</div>

<script>
	InitNovel()
</script>
{% endblock %}
